<script setup lang="ts">
import { IComptEventParam } from "@interface";

interface FormGroupProps{
  name: string;
  title: string;
}
interface FormGroupEmit{
  (name: 'componentEvent', value: IComptEventParam): void
}
const props = withDefaults(defineProps<FormGroupProps>(), {});
const emit = defineEmits<FormGroupEmit>();

</script>

<template>
  <a-card 
    :class="['app-form-group', `app-form-group-${name}`]" 
    :title="title" 
    :bordered="false">
    <template #extra>
      <a href="#">行为</a>
    </template>
    <slot></slot>
  </a-card>
</template>

<style scoped>
.app-form-group {
  height: 100%;
  width: 100%;
}
.app-form-group:deep(.ant-card-head) {
  text-align: left;
}
</style>